<template>
  <div class="logic-flow-view">
    <IngeniousDesigner ref='designer' :highLight="highLight" :viewer="false"  v-model="modelData"/>
  </div>
</template>


<script lang="ts">
import IngeniousDesigner from '../components/ingenious/index.vue'
//@ts-ignore
import modelData from '../assets/data.json';
// 定义组件名称
export default {
    name: 'HighLightViews',
}
</script>

<script setup lang="ts">
const highLight ={
        historyNodeNames: [
          '4e51d036-f01c-495d-9fc2-58ac352304e3',
          '1e8fd923-fcca-427f-954d-2ce2ba589b87',
          'f8de16da-b330-41c3-bda3-0b0ba2a3d751'
        ],
        historyEdgeNames: [
          'dd2164dc-5f9a-4790-a1ab-f425794631fc',
          'b3c1be77-af3f-4ad4-9885-89688283c10d',
          '3cc84079-5eaf-42a3-806c-574d1d10d58c'
        ],
        activeNodeNames: [
          '53d0d9b3-63ce-434e-beef-210a4a78df12'
        ]
      }


</script>

<style scoped>
.logic-flow-view {
  height: 100vh;
  position: relative;
}
</style>
